/**
 * Стили страницы урока — как на макете:
 * - Название и описание по левому краю
 * - Кнопки навигации под видео
 * - Без линий между блоками
 */

/* Убираем линии между блоками */
.page-header,
.lesson-header-block,
.lesson-header-block.row-section,
.gc-main-content .page-header,
.gc-main-content .center-block .row-section {
  border-bottom: none !important;
  border-top: none !important;
}

.lesson-header-block[style] {
  border-bottom: none !important;
}

/* Название урока и описание — выравнивание по левому краю */
.lesson-header-block .header-view .col-md-12,
.lesson-header-block .header-view,
.lesson-title-value,
.lesson-description-value {
  text-align: left !important;
}

.lesson-header-block .lesson-title-value {
  display: block;
  margin-bottom: 0.5em;
}

.lesson-header-block .lesson-description-value {
  display: block;
  color: #666;
}

/* Скрываем навигацию в шапке (она будет под видео) */
.lesson-header-block .lesson-navigation {
  display: none !important;
}

/* Навигация под видео */
.lesson-navigation-under-video {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 20px 0;
  overflow: hidden;
}

.lesson-navigation-under-video table {
  width: 100%;
  border-collapse: collapse;
}

.lesson-navigation-under-video td {
  vertical-align: top;
  padding: 8px 0;
}

/* Кнопка «Предыдущий урок» — призрачная (рамка, без заливки) */
.lesson-navigation-under-video td:first-child a {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  background: transparent;
  transition: background 0.2s, color 0.2s;
}

.lesson-navigation-under-video td:first-child a:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Кнопка «Следующий урок» — заливка */
.lesson-navigation-under-video td:last-child a {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #0272f5;
  border-radius: 12px;
  color: #fff;
  text-decoration: none;
  background: #0272f5;
  transition: background 0.2s, border-color 0.2s;
}

.lesson-navigation-under-video td:last-child a:hover {
  background: #0260d9;
  border-color: #0260d9;
}

/* Центральная колонка — название следующего урока серым */
.lesson-navigation-under-video td:nth-child(2) {
  text-align: center;
  color: #888;
  font-size: 0.95em;
}

.lesson-navigation-under-video td:nth-child(2) div {
  margin-top: 4px;
}

/* Светлая тема: если фон страницы светлый, кнопки в тёмных тонах */
.gc-main-content .lesson-navigation-under-video td:first-child a {
  border-color: #333;
  color: #333;
}

.gc-main-content .lesson-navigation-under-video td:first-child a:hover {
  background: rgba(0, 0, 0, 0.05);
}

.gc-main-content .lesson-navigation-under-video td:last-child a {
  background: #101828;
  border-color: #101828;
  color: #fff;
}